import { useEffect, useState } from 'react'
import { classnames } from '@/utils'
import Link from 'next/link'
import Image from 'next/image'
import { useRouter } from 'next/router'
import CloseIcon from '../assets/icon/close.svg'
import TextImage from '../assets/svg/text_redici-ventures.svg'

export default function Menu () {
  return (
    <div className='
      fixed border-black flex flex-col top-6 right-5 left-5 border-2
      md:w-20 md:top-[6vh] md:bottom-[6vh] md:right-[6vh] md:left-auto md:border-[0.3125rem]'
      >
      <div className="hidden w-full h-[4.375rem] items-center justify-center
        md:flex">
        <CloseIcon className="text-[3.5rem]" />
      </div>
      <div className='w-full border-black flex justify-center items-center h-9
        md:h-auto md:flex-1 md:border-t-[0.3125rem]'>
        <TextImage className="w-3 h-[124px] -rotate-90
          md:w-6 md:h-[15.5625rem] md:-rotate-0" />
      </div>
    </div>
  )
}
